<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>页面1</title>
	<style type="text/css">
		.w-col-grid{
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #fff;
			padding: 12px 0;
			border: 1px solid #dcdcdc;
		}
		.w-col-grid img{
			margin-bottom: 10px;
			width: 50%;
			height: auto;
		}
	</style>
    <link href="css/mui.min.css" rel="stylesheet"/>
</head>
<body>
	<div class="mui-content">
		<div class="mui-badge-blue" style="width: 100%;height: 300px;"></div>
		<div class="mui-row">
		        <div class="mui-col-sm-4 mui-col-xs-4 w-col-grid">
		            <img src="./images/repair.png">
					<span>待定片确认</span>
		        </div>
		        <div class="mui-col-sm-4 mui-col-xs-4 w-col-grid">
		            <img src="./images/repair.png">
		            <span>合批</span>
		        </div>
				<div class="mui-col-sm-4 mui-col-xs-4 w-col-grid">
				    <img src="./images/repair.png">
				    <span>消息</span>
				</div>
		    </div>
	</div>
	
	
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
	  	mui.init();
	</script>
</body>
</html>